<script setup>

import B from "@/ComponentCommunication/05-$attrs/B.vue";
import {ref} from "vue";

let a = ref(0)
let b = ref(1)
let c = ref(2)
let d = ref(3)
</script>

<template>
  <B v-bind="{x:100,y:200}"/>
  上面与下面等价
  <B :x="100" :y="200"/>
  <br>
  <B :a="a" :b="b" :c="c" :d="d"/>
</template>

<style scoped>

</style>